<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!--[if IE 7]> <html xmlns="http://www.w3.org/1999/xhtml" class="ie7 oldie"> <![endif]-->
<!--[if IE 8]> <html xmlns="http://www.w3.org/1999/xhtml" class="ie8 oldie"> <![endif]-->
<!--[if IE 9]> <html xmlns="http://www.w3.org/1999/xhtml" class="ie9"> <![endif]-->
<!--[if gt IE 9]> --> <html xmlns="http://www.w3.org/1999/xhtml"> <!--<![endif]-->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Alumni - Lost Alumni</title>
<link rel="stylesheet" type="text/css" href="css/style.css" />
<link rel="stylesheet" type="text/css" href="css/flexslider.css" />
</head>

<body>
	<div class="container">
    	<div class="top-bar clearfix">
        	<ul>
				<li>
                	<a href="#">
	                    Welcome	
                    </a>
                </li>
                <li>
                	<a href="#">
                    	Contact
                    </a>
                </li>
                <li>
                	<a href="#">
                    	Log In
                    </a>
                </li>
			</ul>
        </div>
        <div class="header clearfix">
        	<h1 class="logo">
        	<a href="#">
            	Future University
                <span></span>
            </a>
        </h1>
        	<h1>
            <a href="home.html" class="center-name">
                Alumni
                <span>
                	
                </span>
            </a>
            </h1>
            
            <div class="search">
            	<div class="form">
                	<input type="text" placeholder="enter search item" />
                    <input type="submit" value="Search" />
                </div>
                
            </div>
        </div>
        
        <div class="inner-content">
        	<div class="inner-banner">
            	<img src="images/inner-banner.jpg" alt="" />
            </div>
            <div class="side-menu">
            	<ul>
                	<li>
                    	<a href="home.html">
                        	Home
                        </a>
                    </li>
                    <li>
                    	<a href="alumni-spotlight.html">
                        	Alumni Spotlight
                        </a>
                    </li>
                    <li>
                    	<a href="online-community.html">
                        	Online Community
                        </a>
                    </li>
                    <li class="current">
                    	<a href="lost-alumni.html">
                        	Lost Alumni
                        </a>
                    </li>
                    <li>
                    	<a href="alumni-awards.html">
                        	Alumni Awards
                        </a>
                    </li>
                    <li >
                    	<a href="alumni-services.html">
                        	Alumni Services
                        </a>
                    </li>
                </ul>
            </div>
            <div class="main-column">
            	<div class="breadcrumb clearfix">
                	<ul>
                    	<li>
                        	<a href="#">
                        		Home
                        	</a>
                        </li>
                        <li>
                        	<a href="#">
                        		Alumni Services
                        	</a>
                        </li>
                        <li>
                        	<a href="#">
                        		ID Cards
                        	</a>
                        </li>
                    </ul>
                </div>
                <div class="left-content">
                	<h2>Lost Alumni</h2>
                    
                    <p>
                    	As time passes and alumni move, get married, and change names or jobs, we sometimes lose track of them. We want to reconnect with them, so we’ve launched a campaign to find them and we need your help.
					<br /><br />
You can view a complete list of lost alumni, arranged alphabetically, or produce a list of lost alumni by class, academic major or special program.
					<br /><br />
If you recognize a name, and you know how we can get back in touch with that person, click on the name link and submit the online Lost Alumni Information Form, or ask the alum to do so.
                    </p>
                   
                   <div class="gray-box register">
                   		<h3>Register to Become a Member</h3>
                        <p>
                   	Click on the button below to view a list of all lost alumni, arranged alphabetically.
                   </p>
                       <input type="submit" value="All Lost Alumni" />
                       <hr />
                       <p>
                       	Produce a list of lost alumni by class, academic major or special program. 
                       </p>
                        
                        
                        <div class="row clearfix graduate">
                        	<label>First Name:</label>
                            <select>
                            	<option>
                                	Begins With
                                </option>
                                <option>
                                	Contains
                                </option>
                                <option>
                                	Ends With
                                </option>
                            </select>
                            <input type="text" />
                        </div>
                        <div class="row clearfix graduate">
                        	<label>Last Name:</label>
                            <select>
                            	<option>
                                	Begins With
                                </option>
                                <option>
                                	Contains
                                </option>
                                <option>
                                	Ends With
                                </option>
                            </select>
                            <input type="text" />
                        </div>
                        <div class="row clearfix academic">
                        	<label>Graduation Year:</label>
                            <select>
                            	<option>
                                	
                                </option>
                                <option>
                                	
                                </option>
                                <option>
                                	
                                </option>
                            </select>
                            
                        </div>
                        <div class="row clearfix academic">
                        	<label>Academic Major: </label>
                            <select>
                            	<option>
                                	
                                </option>
                                <option>
                                	
                                </option>
                                <option>
                                	
                                </option>
                            </select>
                            
                        </div>
                        <hr />
                        
                     
                       
                       <div class="row clearfix">
                       		<input type="submit" value="Submit Registration" />
                       </div>
                   </div>
                   <div class="gray-box">
                   	<table width="100%" border="0" cellspacing="0" cellpadding="0" class="alumni-table">
                      <tr>
                        <th scope="col">Name</th>
                        <th scope="col">Mail</th>
                        <th scope="col">Class Year</th>
                      </tr>
                      <tr>
                        <td>Name_1</td>
                        <td><a href="#">mail@mail.com</a></td>
                        <td>2014</td>
                      </tr>
                      <tr>
                        <td>Name_2</td>
                        <td><a href="#">mail@mail.com</a></td>
                        <td>2014</td>
                      </tr>
                      <tr>
                        <td>Name_3</td>
                        <td><a href="#">mail@mail.com</a></td>
                        <td>2014</td>
                      </tr>
                      <tr>
                        <td>Name_4</td>
                        <td><a href="#">mail@mail.com</a></td>
                        <td>2014</td>
                      </tr>
                      <tr>
                        <td>Name_5</td>
                        <td><a href="#">mail@mail.com</a></td>
                        <td>2014</td>
                      </tr>
                      <tr>
                        <td>Name_6</td>
                        <td><a href="#">mail@mail.com</a></td>
                        <td>2014</td>
                      </tr>
                      <tr>
                        <td>Name_7</td>
                        <td><a href="#">mail@mail.com</a></td>
                        <td>2014</td>
                      </tr>
                      <tr>
                        <td>Name_8</td>
                        <td><a href="#">mail@mail.com</a></td>
                        <td>2014</td>
                      </tr>
                      <tr>
                        <td>Name_9</td>
                        <td><a href="#">mail@mail.com</a></td>
                        <td>2014</td>
                      </tr>
                      <tr>
                        <td>Name_10</td>
                        <td><a href="#">mail@mail.com</a></td>
                        <td>2014</td>
                      </tr>
                    </table>
					<div class="pagination clearfix">
                                    <span> <span> &lt;&lt; </span> Start</span>
                                    <span> <span> &lt; </span> Prev</span>

                                    <span class="active">1</span>
                                    <a href="#">2</a>
                                    <a href="#">3</a>

                                    <a href="#">Next <span> &gt; </span></a>
                                    <a href="#">End <span> &gt;&gt; </span></a>
                                </div>
                   </div>
                   
                </div>
                <div class="right-content">
                	<h4>Alumni Spotlight</h4>
                    <ul class="side-news">
                    	<li>
                            <h4>
                            	<a href="#">
                                	Events & Chapters Activities
                                </a>
                            </h4>
                            <p>
                            	We offer a world of opportunity that students with dreams as big as yours.
                            </p>
                        </li>
                        <li>
                            <h4>
                            	<a href="#">
                                	Events & Chapters Activities
                                </a>
                            </h4>
                            <p>
                            	We offer a world of opportunity that students with dreams as big as yours.
                            </p>
                        </li>
                        <li>
                            <h4>
                            	<a href="#">
                                	Events & Chapters Activities
                                </a>
                            </h4>
                            <p>
                            	We offer a world of opportunity that students with dreams as big as yours.
                            </p>
                        </li>
                    </ul>
                	<div class="widget clearfix">
                	<h4>social media</h4>
                    <div class="social">
                    	<a href="" class="twitter"></a>
                        <a href="" class="facebook"></a>
                        <a href="" class="youtube"></a>
                    </div>
                </div>
                
                </div>
            </div>
        </div>
        
        
        
        <div class="footer clearfix">
        	<a href="#" class="footer-logo"></a>
            <div class="footer-right">
            <div class="copyright">
            	Copyright &copy; Welcome to Future University Alumni Website. All Rights Reserved
            </div>
            <ul class="footer-menu">
            	<li>
                	<a href="home.html">Home</a>
                </li>
                <li>
                	<a href="welcome.html">Welcome</a>
                </li>
                <li>
                	<a href="contact_us.html">Contact Us</a>
                </li>
                <li>
                	<a href="sitemap.html">Sitemap</a>
                </li>
              <li>
                	<a href="#">Login</a>
                </li>
            </ul>
            </div>
        </div>
    </div>
    <script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
    <script type="text/javascript" src="js/jquery.flexslider.js"></script>
    <script type="text/javascript" src="js/main.js"></script>
</body>
</html>
